<template>
    <div v-for="(item,index) of options" :key="index">
        <MapItem :map-name="item.mapName" :key-name="item.keyName"/>
    </div>
</template>
<script setup lang="ts">
import MapItem from '@/views/DataMap/MapItem/index.vue';

const options = [
    {
        mapName: '系统性危机',
        keyName: 'systemicCrisis',
    },
    {
        mapName: '主权内债违约',
        keyName: 'domesticDebtInDefault',
    },
    {
        mapName: '主权外债违约',
        keyName: 'sovereignExternalDebtDefault',
    },
    {
        mapName: '货币危机',
        keyName: 'currencyCrises',
    },
    {
        mapName: '通货膨胀危机',
        keyName: 'inflationCrises',
    },
];
</script>
<style scoped lang="scss">

</style>
